<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="format-detection" content="telephone=no" />
    <title>TESCO移动商城-搜索</title>

    <!-- 1. 引入重置样式表 -->
    <link rel="stylesheet" href="./css/normalize.css" />

    <!-- 2. 引入字体图标样式表 -->
    <link rel="stylesheet" href="./lib/font/iconfont.css" />

    <!-- 3. 引入公共样式表 -->
    <link rel="stylesheet" href="./css/common.css" />

    <!-- 4. 引入插件样式表 -->

    <!-- 5. 引入头部样式表 -->

    <!-- 6. 引入当前页面样式表 -->
    <link rel="stylesheet" href="./css/search.css" />

    <!-- 7. 引入页脚样式表 -->
  </head>

  <body class="flexDc jcsb mBody">
    <!-- 头部 -->
    <header class="flex aic fs16 bgff">
      <div class="back-index tac cba1">
        <i class="iconfont icon-left-arrow fs26"></i>
      </div>
      <div class="search-input flex1 flex rel">
        <i class="iconfont icon-search cc3 abs"></i>
        <input
          class="flex1 on bsbb bgf7"
          type="text"
          placeholder="寻找你的宝贝"
          autofocus
        />
        <i class="del-input iconfont icon-delete cc3 abs dpn"></i>
      </div>
      <div class="search bsbb">
        <input class="fs12 cff bge43" type="submit" value="搜索" />
      </div>
    </header>

    <!-- 主要内容 -->
    <main class="flex1 ofs">
      <!-- 最近搜索 -->
      <div class="flex jcsb bgff">
        <span class="fs16">最近搜索</span>
        <i class="del-li iconfont icon-delete cb4"></i>
      </div>
      <ul class="flex fww bgff"></ul>
    </main>

    <!-- 引入jQuery -->
    <script src="./js/jquery-3.7.1.min.js"></script>

    <!-- 引入validate -->
    <script src="./js/jquery.validate.js"></script>

    <!-- 引入插件 -->

    <!-- 引入公共js -->
    <script src="./js/common.js"></script>

    <!-- 引入当前页面js -->
    <script src="./js/search.js"></script>
  </body>
</html>
